<template>
  <i class="iconfont icon-container" :class="fontClass"></i>
</template>

<script setup>
import {computed} from "vue"
const classMap = {
  student:"icon-sushe",
  plus:"icon-jiahao",
  SignIn:"icon-qiandao",
  CheckIn:"icon-ruzhu",
  record: "icon-jilu",
  info:"icon-xinxi",
  selectSS:"icon-xuanzesushe",
  preview:"icon-yulan",
  dormitory: "icon-sushelou",
  floor: "icon-louceng",
  room: "icon-wodefangjian",
  bednumber: "icon-chuanghao",
  close: "icon-guanbi",
  rightarrow:"icon-jiantou-copy",
  getUp: "icon-qichuang",
  clean: "icon-dasao",
  endResult: "icon-huijia",
  condition: "icon-guolvtiaojian",
  history: "icon-shouye",
  CarouselArrow: "icon-jiantou",
  telephone: "icon-dianhua",
  address:"icon-zhuzhi",
  time: "icon-shijian",
  StudentID: "icon-xuehao",
  list:"icon-liebiao",
  RepairReport:"icon-baoxiu"
};
const props = defineProps({
  type:{
    type:String,
    required: true,
  }
})
const fontClass = computed(() => classMap[props.type])
</script>

<style scoped lang="less">
@import "//at.alicdn.com/t/c/font_4489240_96yb78wyj4.css";
@import "@/styles/var.less";
.iconfont {
  color: inherit;
  font-size: inherit;
  &:hover{
    color: inherit;
  }
}
</style>
